<template>
	<view class="fun-flex-col page">
		<view class="fun-flex-col group">
			<view class="fun-flex-col section">
				<view class="fun-flex-col group_2">
					<view class="fun-flex-col fun-items-center mt-49">
						<text class="font">Empowered, Inspired and</text>
						<text class="font">Enabled by AI</text>
					</view>
				</view>
				<view class="fun-mt-42 fun-flex-row fun-items-center group_3">
					<view class="fun-flex-col fun-items-center fun-shrink-0">
						<text class="font_2 text_2">Self-developed LLM: Fintral</text>
						<text class="font_2 text_4">Comprehensive Innovation</text>
					</view>
					<view class="fun-shrink-0 section_2"></view>
					<text class="font_3 text_3">We apply AI technology to finance trading</text>
					<view class="fun-shrink-0 section_2 view"></view>
					<view class="fun-flex-col fun-items-center fun-shrink-0 group_4">
						<text class="font_3">Powerful Combination</text>
						<text class="font_3">Fintral + LSTM + Transformer</text>
					</view>
				</view>
			</view>
			<view class="fun-flex-col fun-relative group_5">
				<view class="fun-flex-col fun-self-stretch group_6">
					<text class="font text_5">
						Quantitative investment based on Artificial Intelligence and big data technology
					</text>
					<view class="fun-flex-col mt-17">
						<text class="font_2 text_6">
							In terms of data processing and model construction, we use the self-developed Large language mode-Fintral.
						</text>
						<text class="fun-mt-12 font_2 text_7">
							With these cutting-edge technologies, we not only realise accurate forecasting and efficient trading of the stock market, but also create objective and sustainable profits for our users. Our technologies and solutions are leading the way for the future of financial technology, and we are committed to providing the highest quality financial services to investors around the world.
						</text>
					</view>
				</view>
				<view class="fun-flex-col fun-justify-start fun-items-center fun-self-center text-wrapper">
					<text class="font text_8">Learn More</text>
				</view>
				<view class="fun-flex-col fun-justify-start fun-self-stretch fun-relative section_3">
					<view class="section_5"></view>
					<view class="fun-flex-col section_4 pos">
						<image class="fun-self-center image_4"
							src="../../static/f455289681aaa26e0ca7a35712dc3abd.png" />
						<view class="fun-mt-34 fun-flex-col fun-items-start fun-self-stretch">
							<text class="font_4">Applying Al LLM to static Trading</text>
							<text class="font_5 text_9 text_10 mt-7">Click to play the video to learn more</text>
						</view>
					</view>
				</view>
				<view class="fun-flex-col fun-self-stretch group_7 view_2">
					<view class="fun-flex-row fun-justify-between fun-items-center">
						<text class="font_4">Our Insights</text>
						<text class="font_5 text_9 text_11">More</text>
					</view>
					<view class="fun-flex-row group_7 mt-17">
						<view class="fun-flex-col fun-shrink-0 section_6">
							<image class="fun-self-stretch image_5"
								src="../../static/d4beb2d268162dc6e55b1847a0c90e0e.png" />
							<text class="fun-self-start font text_12">What is High FrequencyTrading in Crypto?</text>
							<text class="fun-self-stretch font_5 text_9 text_13">
								What is high-frequency trading, and howdoes it work? Traders should review therisks and rewards of this tactic beforeadding it to their toolkits.
							</text>
							<view class="fun-flex-col fun-justify-start fun-items-center fun-self-start text-wrapper_2">
								<text class="text_15">Read More</text>
							</view>
						</view>
						<view class="fun-ml-12 fun-flex-col fun-shrink-0 section_7">
							<image class="fun-self-stretch image_5"
								src="../../static/d4beb2d268162dc6e55b1847a0c90e0e.png" />
							<text class="fun-self-start font text_12">What is High FrequencyTrading in Crypto?</text>
							<text class="fun-self-stretch font_5 text_9 text_14">
								What is high-frequency trading, and howdoes it work? Traders should review therisks and rewards of this tactic beforeadding it to their toolkits.
							</text>
							<view class="fun-self-start section_8"></view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="fun-flex-col group_8 mt-31">
			<view class="fun-flex-col group_9">
				<view class="fun-flex-row fun-justify-between fun-items-center section_9">
					<input class="font_6 text_9 text_16" placeholder="Jump to a fund"/>
					<image class="image_6" src="../../static/de4de5895db1afd35bc5db86e0b7f536.png" />
				</view>
				<view class="fun-flex-col group_10">
					<view class="fun-flex-col fun-items-start fun-self-stretch">
						<text class="font_6 text_9 text_17">Stocks</text>
						<text class="fun-mt-18 font_6 text_9 text_18">ETF</text>
						<text class="fun-mt-18 font_6 text_9 text_19">Crypto</text>
						<text class="fun-mt-18 font_6 text_9 text_20">Future</text>
					</view>
					<text class="fun-self-center font_6 text_21 mt-23">Contact us: server@aiglobaltrading.com</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {},
		data() {
			return {};
		},

		methods: {},
	};
</script>

<style scoped lang="scss">
	.ml-5 {
		margin-left: 10rpx;
	}

	.mt-49 {
		margin-top: 98rpx;
	}

	.mt-17 {
		margin-top: 34rpx;
	}

	.mt-31 {
		margin-top: 62rpx;
	}

	.mt-23 {
		margin-top: 46rpx;
	}

	.mt-7 {
		margin-top: 14rpx;
	}

	.mt-9 {
		margin-top: 18rpx;
	}

	.page {
		background-color: #00033b;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;

		.group {
			.section {
				padding: 36rpx 0 112rpx;
				background-image: url('../../static/8e38d37ddd88a8248db1dc42218e036d.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;

				.group_2 {
					padding-left: 68rpx;
					padding-right: 28rpx;

					.text {
						color: #ffffff;
						font-size: 30rpx;
						font-family: SF Pro Text;
						font-weight: 600;
						line-height: 22.18rpx;
					}

					.image {
						width: 34rpx;
						height: 22rpx;
					}

					.image_2 {
						width: 30rpx;
						height: 22rpx;
					}

					.image_3 {
						width: 48rpx;
						height: 22.66rpx;
					}
				}

				.group_3 {
					margin: 0 8rpx;
					font-weight: 300;
					.text_2 {
						font-size: 20rpx;
						padding-right: 8rpx;
					}

					.text_4 {
						font-size: 20rpx;
					}

					.section_2 {
						background-image: linear-gradient(180deg, #ffffff00 0%, #ffffff 50%, #ffffff00 100%);
						width: 2rpx;
						height: 48rpx;
					}

					.font_3 {
						font-size: 18rpx;
						font-family: SF Pro Display;
						line-height: 22rpx;
						font-weight: 300;
						color: #ffffff;
					}

					.text_3 {
						width: 30%;
						text-align: center;
						padding: 0 6rpx;
					}
					.group_4 {
						padding-left: 6rpx;
					}
				}
			}

			.group_5 {
				margin-top: -44rpx;
				padding: 0 30rpx;

				.group_6 {
					.text_5 {
						margin-left: 28rpx;
						margin-right: 40rpx;
						text-align: center;
						word-break: break-all;
					}

					.text_6 {
						font-size: 24rpx;
						text-align: center;
						color: #fff;
					}

					.text_7 {
						font-size: 24rpx;
						text-align: center;
					}
				}

				.text-wrapper {
					margin-top: 48rpx;
					padding: 32rpx 0;
					background-color: #5ceec4;
					border-radius: 12rpx;
					width: 400rpx;

					.text_8 {
						color: #000000;

					}
				}

				.section_3 {
					margin-right: 30rpx;
					margin-top: 76rpx;
					padding: 198rpx 0 2rpx;
					border-radius: 16rpx;
					background-image: url('../../static/45802744f3d7e9b7b27c4f49213432c8.png');
					background-size: 100% 100%;
					background-repeat: no-repeat;

					.section_5 {
						background-image: linear-gradient(180deg, #1e1e1e00 0%, #1d1d1d 100%);
						border-radius: 24rpx;
						height: 190rpx;
					}

					.section_4 {
						padding: 162rpx 24rpx 24rpx;
						background-image: linear-gradient(180deg, #27272700 0%, #00033b 100%);
						border-radius: 16rpx;

						.image_4 {
							width: 64rpx;
							height: 64rpx;
						}
					}

					.pos {
						position: absolute;
						left: 0;
						right: 0;
						top: 0;
						bottom: 0;
					}
				}

				.group_7 {
					overflow-x: hidden;

					.text_11 {
						margin-right: 32rpx;
					}

					.section_6 {
						padding: 24rpx;
						background-color: #1b1d53;
						border-radius: 16rpx;
						width: 634rpx;
						.text_13 {
							margin-top: 16rpx;
						}

						.text-wrapper_2 {
							margin-top: 20rpx;
							padding: 24rpx 0;
							background-color: #5ceec4;
							border-radius: 12rpx;
							width: 220rpx;

							.text_15 {
								color: #000000;
								font-size: 28rpx;
								font-family: SF Pro Display;
								font-weight: 700;
							}
						}
					}

					.section_7 {
						margin-right: -550rpx;
						padding: 24rpx 0 24rpx 24rpx;
						background-color: #1b1d53;
						border-radius: 16rpx 0 0 16rpx;
						width: 610rpx;
						.text_14 {
							margin-top: 16rpx;
						}

						.section_8 {
							margin-top: 20rpx;
							background-color: #5ceec4;
							border-radius: 12rpx;
							width: 220rpx;
							height: 72rpx;
						}
					}

					.image_5 {
						border-radius: 12rpx;
						width: 586rpx;
						height: 320rpx;
					}

					.text_12 {
						margin-top: 28rpx;
						width: 502rpx;
					}
				}

				.view_2 {
					margin-top: 84rpx;
				}

				.font_4 {
					font-size: 32rpx;
					font-family: SF Pro Display;
					font-weight: 700;
					color: #ffffff;
				}

				.font_5 {
					font-size: 24rpx;
					font-family: SF Pro Display;
					color: #ffffff;
				}
			}

			.font {
				font-size: 32rpx;
				font-family: SF Pro Display;
				font-weight: 700;
				color: #ffffff;
			}
		}

		.group_8 {
			border-top: solid 2rpx #1b1d53;

			.group_9 {
				padding: 34rpx 32rpx 0;

				.section_9 {
					padding: 24rpx;
					background-color: #1b1d53;
					border-radius: 12rpx;
					.image_6 {
						opacity: 0.5;
						width: 32rpx;
						height: 32rpx;
					}
				}

				.group_10 {
					padding: 52rpx 0 32rpx;
					.text_21 {
						font-weight: 300;
					}
				}

				.font_6 {
					font-size: 28rpx;
					font-family: SF Pro Display;
					color: #ffffff;
				}
				.text_16{
					width: 100%;
				}
			}

			.section_10 {
				background-color: #1b1d53;
				height: 85.3rpx;
				border-top: solid 2rpx #00000012;

				.group_11 {
					flex: 1 1 187.5rpx;

					.image_7 {
						width: 48rpx;
						height: 48rpx;
					}

					.text_22 {
						color: #ffffff;
						font-size: 18rpx;
						font-family: SF Pro Display;
					}
					.font_7 {
						font-size: 18rpx;
						font-family: SF Pro Display;
						font-weight: 300;
						color: #ffffff;
					}
				}

				.equal-division-item {
					padding: 4rpx 0 16rpx;
				}
			}
		}

		.text_9 {
			opacity: 0.5;
		}

		.font_2 {
			font-size: 18rpx;
			font-family: SF Pro Display;
			color: #ffffff;
		}
	}
</style>